<!DOCTYPE html>
<html class="ui-mobile">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../assets/css/jquery.mobile.ios.theme.css">
   <!-- <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">-->
    <link rel="stylesheet" href="../assets/css/style.css">
</head>
<style>
   .ui-header .ui-btn-right {
        font-size: 12.5px;
    }
</style>
<body class="ui-overlay-h">
<div class="ui-panel-wrapper ui-page-theme-h" data-role="page" id="home">
    <div data-position="fixed" data-role="header" data-tap-toggle="false" role="banner"
         class="ui-header ui-bar-h">
        <a href="#sidebar" data-iconpos="right"
           class="ui-link ui-btn-left ui-btn ui-icon-ion-ios-arrow-back ui-btn-icon-notext ui-shadow ui-corner-all"
           data-role="button" role="button"></a>
        <h1 class="header-title ui-title" role="heading" aria-level="1">我的资料</h1>
        <a href="#" data-mini="true" data-role="button" class="ui-mini ui-btn-right ui-btn">编辑</a>
    </div>

    <div data-role="content" class="ui-content" role="main">
        <div class="ui-padding">
            基础信息
        </div>
        <ul data-role="listview" data-divider-theme="a" class="ui-listview ui-group-theme-h">
            <li class="ui-first-child ui-field-contain ui-li-static ui-body-inherit">
                <label for=""> 姓名</label>
            </li>

            <li>
                <a href="markup/switches.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
                    <i class="ui-icon-ion-clipboard"></i>
                    消息
                </a>
            </li>

            <li>
                <a href="markup/selects.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
                    <i class="ui-icon-ion-clipboard"></i>
                    个人资料
                </a>
            </li>

            <li>
                <a href="markup/buttons.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
                    <i class="ui-icon-ion-toggle"></i>
                    我的赛程
                </a>
            </li>

            <li>
                <a href="markup/buttons-with-icons.html" data-ajax="false"
                   class="ui-btn ui-btn-icon-right ui-icon-carat-r">
                    <i class="ui-icon-ion-toggle"></i>
                    我的成绩
                </a>
            </li>

            <li>
                <a href="markup/clear-buttons.html" data-ajax="false" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
                    <i class="ui-icon-ion-toggle"></i>
                    赛事包
                </a>
            </li>
        </ul>
        <br>
    </div>

</div>
</body>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/index.js"></script>
<script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>

<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();
    });
    // Update the contents of the toolbars

</script>
</body>
</html>
